<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <meta name="description" content="" />
    <title>Zonan - eCommerce Bootstrap 5 Template</title>
    <!-- Favicon -->


    <!--**********************************
        all css files
    *************************************-->

    <!--***************************************************
       fontawesome,bootstrap,plugins and main style css
     ***************************************************-->

    <!-- <link rel="stylesheet" href="assets/css/fontawesome.min.css" />
    <link rel="stylesheet" href="assets/css/ionicons.min.css" />
    <link rel="stylesheet" href="assets/css/simple-line-icons.css" />
    <link rel="stylesheet" href="assets/css/plugins/jquery-ui.min.css">
    <link rel="stylesheet" href="assets/css/bootstrap.min.css" />
    <link rel="stylesheet" href="assets/css/plugins/plugins.css" />
    <link rel="stylesheet" href="assets/css/style.css" /> -->

    <!-- Use the minified version files listed below for better performance and remove the files listed above -->

    <!--****************************
         Minified  css
    ****************************-->

    <!--***********************************************
       vendor min css,plugins min css,style min css
     ***********************************************-->

    <link rel="stylesheet" href="assets/css/vendor/vendor.min.css" />
    <link rel="stylesheet" href="assets/css/plugins/plugins.min.css" />
    <link rel="stylesheet" href="assets/css/style.min.css" />

</head>

<body>


<!-- offcanvas-overlay start -->
<div class="offcanvas-overlay"></div>
<!-- offcanvas-overlay end -->

<!-- offcanvas-mobile-menu start -->
<div id="offcanvas-mobile-menu" class="offcanvas theme1 offcanvas-mobile-menu">
    <div class="inner">
        <div class="border-bottom mb-4 pb-4 text-right">
            <button class="offcanvas-close">×</button>
        </div>
        <div class="offcanvas-head mb-4">
            <nav class="offcanvas-top-nav">
                <ul class="d-flex justify-content-center align-items-center">
                    <li class="mx-3">
                        <a href="compare.html"><i class="ion-ios-loop-strong"></i> Compare <span>(0)</span>
                        </a>
                    </li>
                    <li class="mx-3">
                        <a href="wishlist.html">
                            <i class="ion-android-favorite-outline"></i> Wishlist
                            <span>(0)</span></a
                        >
                    </li>
                </ul>
            </nav>
        </div>
        <nav class="offcanvas-menu">
            <ul>
                <li>
                    <a href="#"><span class="menu-text">Home</span></a>
                    <ul class="offcanvas-submenu">
                        <li><a href="index.html">Home 1</a></li>
                        <li><a href="index-2.html">Home 2</a></li>
                        <li><a href="index-3.html">Home 3</a></li>
                    </ul>
                </li>
                <li>
                    <a href="#"><span class="menu-text">Shop</span></a>
                    <ul class="offcanvas-submenu">
                        <li>
                            <a href="#"><span class="menu-text">Shop Grid</span></a>
                            <ul class="offcanvas-submenu">
                                <li>
                                    <a href="shop-grid-3-column.html">Shop Grid 3 Column</a>
                                </li>
                                <li>
                                    <a href="shop-grid-4-column.html">Shop Grid 4 Column</a>
                                </li>
                                <li>
                                    <a href="shop-grid-left-sidebar.html">Shop Grid Left Sidebar</a
                                    >
                                </li>
                                <li>
                                    <a href="shop-grid-right-sidebar.html"
                                    >Shop Grid Right Sidebar</a
                                    >
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="#"><span class="menu-text">Shop List</span></a>
                            <ul class="offcanvas-submenu">
                                <li><a href="shop-grid-list.html">Shop List</a></li>
                                <li>
                                    <a href="shop-grid-list-left-sidebar.html">Shop List Left Sidebar</a
                                    >
                                </li>
                                <li>
                                    <a href="shop-grid-list-right-sidebar.html"
                                    >Shop List Right Sidebar</a
                                    >
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="#"><span class="menu-text">Shop Single</span></a>
                            <ul class="offcanvas-submenu">
                                <li>
                                    <a class="d-block" href="single-product.html">Shop Single</a>
                                </li>
                                <li>
                                    <a href="single-product-configurable.html">Shop Variable</a>
                                </li>
                                <li>
                                    <a href="single-product-affiliate.html">Shop Affiliate</a>
                                </li>
                                <li><a href="single-product-group.html">Shop Group</a></li>
                            </ul>
                        </li>
                        <li>
                            <a href="#"><span class="menu-text">other pages</span></a>
                            <ul class="offcanvas-submenu">
                                <li><a href="about-us.html">About Page</a></li>
                                <li><a href="cart.html">Cart Page</a></li>
                                <li><a href="checkout.html">Checkout Page</a></li>
                                <li><a href="compare.html">Compare Page</a></li>
                                <li><a href="login.html">Login &amp; Register Page</a></li>
                                <li><a href="myaccount.html">Account Page</a></li>
                                <li><a href="wishlist.html">Wishlist Page</a></li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="#"><span class="menu-text">Pages</span></a>
                    <ul class="offcanvas-submenu">
                        <li><a href="about-us.html">About Page</a></li>
                        <li><a href="cart.html">Cart Page</a></li>
                        <li><a href="checkout.html">Checkout Page</a></li>
                        <li><a href="compare.html">Compare Page</a></li>
                        <li><a href="login.html">Login &amp; Register Page</a></li>
                        <li><a href="myaccount.html">Account Page</a></li>
                        <li><a href="wishlist.html">Wishlist Page</a></li>
                    </ul>
                </li>
                <li>
                    <a href="#"><span class="menu-text">Blog</span></a>
                    <ul class="offcanvas-submenu">
                        <li>
                            <a href="#"><span class="menu-text">Blog Grid</span></a>
                            <ul class="offcanvas-submenu">
                                <li>
                                    <a href="blog-grid-3-column.html">Blog Grid 3 column</a>
                                </li>
                                <li>
                                    <a href="blog-grid-4-column.html">Blog Grid 4 column</a>
                                </li>
                                <li>
                                    <a href="blog-grid-left-sidebar.html">Blog Grid Left Sidebar</a
                                    >
                                </li>
                                <li>
                                    <a href="blog-grid-right-sidebar.html"
                                    >Blog Grid Right Sidebar</a
                                    >
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="#"><span class="menu-text">Blog List</span></a>
                            <ul class="offcanvas-submenu">
                                <li>
                                    <a href="blog-list-left-sidebar.html">Blog List Left Sidebar</a
                                    >
                                </li>
                                <li>
                                    <a href="blog-list-right-sidebar.html"
                                    >Blog List Right Sidebar</a
                                    >
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="#"><span class="menu-text">Blog Single</span></a>
                            <ul class="offcanvas-submenu">
                                <li><a href="single-blog.html">Single Blog</a></li>
                                <li>
                                    <a href="blog-single-left-sidebar.html">Blog Single Left Sidebar</a
                                    >
                                </li>
                                <li>
                                    <a href="blog-single-right-sidebar.html"
                                    >Blog Single Right Sidbar</a
                                    >
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li><a href="contact.html">Contact Us</a></li>
            </ul>
        </nav>
        <div class="offcanvas-social py-30">
            <ul>
                <li>
                    <a href="#"><i class="icon-social-facebook"></i></a>
                </li>
                <li>
                    <a href="#"><i class="icon-social-twitter"></i></a>
                </li>
                <li>
                    <a href="#"><i class="icon-social-instagram"></i></a>
                </li>
                <li>
                    <a href="#"><i class="icon-social-google"></i></a>
                </li>
                <li>
                    <a href="#"><i class="icon-social-instagram"></i></a>
                </li>
            </ul>
        </div>
    </div>
</div>
<!-- offcanvas-mobile-menu end -->

<!-- OffCanvas Wishlist Start -->
<div id="offcanvas-wishlist" class="offcanvas offcanvas-wishlist theme1">
    <div class="inner">
        <div class="head d-flex flex-wrap justify-content-between">
            <span class="title">Wishlist</span>
            <button class="offcanvas-close">×</button>
        </div>
        <ul class="minicart-product-list">
            <li>
                <a href="single-product.html" class="image"><img src="assets/img/product/4.jpg" alt="Cart product Image"
                /></a>
                <div class="content">
                    <a href="single-product.html" class="title">Walnut Cutting Board</a>
                    <span class="quantity-price">1 x <span class="amount">$100.00</span></span>
                    <a href="#" class="remove">×</a>
                </div>
            </li>
            <li>
                <a href="single-product.html" class="image"><img src="assets/img/product/5.jpg" alt="Cart product Image"
                /></a>
                <div class="content">
                    <a href="single-product.html" class="title">Lucky Wooden Elephant</a>
                    <span class="quantity-price">1 x <span class="amount">$35.00</span></span>
                    <a href="#" class="remove">×</a>
                </div>
            </li>
            <li>
                <a href="single-product.html" class="image"><img src="assets/img/product/6.jpg" alt="Cart product Image"
                /></a>
                <div class="content">
                    <a href="single-product.html" class="title">Fish Cut Out Set</a>
                    <span class="quantity-price">1 x <span class="amount">$9.00</span></span>
                    <a href="#" class="remove">×</a>
                </div>
            </li>
        </ul>
        <a href="wishlist.html" class="btn theme--btn1 btn--lg text-uppercase d-block d-sm-inline-block mt-30">view wishlist</a
        >
    </div>
</div>
<!-- OffCanvas Wishlist End -->

<!-- OffCanvas Cart Start -->
<div id="offcanvas-cart" class="offcanvas offcanvas-cart theme1">
    <div class="inner">
        <div class="head d-flex flex-wrap justify-content-between">
            <span class="title">Cart</span>
            <button class="offcanvas-close">×</button>
        </div>
        <ul class="minicart-product-list">
            <li>
                <a href="single-product.html" class="image"
                ><img src="assets/img/product/1.jpg" alt="Cart product Image"
                /></a>
                <div class="content">
                    <a href="single-product.html" class="title">Walnut Cutting Board</a>
                    <span class="quantity-price">1 x <span class="amount">$100.00</span></span>
                    <a href="#" class="remove">×</a>
                </div>
            </li>
            <li>
                <a href="single-product.html" class="image"><img src="assets/img/product/2.jpg" alt="Cart product Image"
                /></a>
                <div class="content">
                    <a href="single-product.html" class="title">Lucky Wooden Elephant</a>
                    <span class="quantity-price">1 x <span class="amount">$35.00</span></span>
                    <a href="#" class="remove">×</a>
                </div>
            </li>
            <li>
                <a href="single-product.html" class="image"><img src="assets/img/product/3.jpg" alt="Cart product Image"
                /></a>
                <div class="content">
                    <a href="single-product.html" class="title">Fish Cut Out Set</a>
                    <span class="quantity-price">1 x <span class="amount">$9.00</span></span>
                    <a href="#" class="remove">×</a>
                </div>
            </li>
        </ul>
        <div class="sub-total d-flex flex-wrap justify-content-between">
            <strong>Subtotal :</strong>
            <span class="amount">$144.00</span>
        </div>
        <a href="cart.html" class="btn theme--btn1 btn--lg text-uppercase d-block d-sm-inline-block mr-sm-2">view cart</a
        >
        <a
                href="checkout.html"
                class="btn theme--btn1 btn--lg text-uppercase d-block d-sm-inline-block mt-4 mt-sm-0"
        >checkout</a
        >
        <p class="minicart-message">Free Shipping on All Orders Over $100!</p>
    </div>
</div>
<!-- OffCanvas Cart End -->

<!-- offcanvas-setting Start -->
<div id="offcanvas-setting" class="offcanvas offcanvas-cart theme1">
    <div class="inner">
        <div class="head d-flex justify-content-between">
            <span class="title">Setting</span>
            <button class="offcanvas-close">×</button>
        </div>
        <div class="content_setting">
            <div class="info_setting">
                <h3 class="title_setting">My account</h3>
                <ul>
                    <li>
                        <a href="myaccount.html">My account</a>
                    </li>
                    <li>
                        <a href="checkout.html">Checkout</a>
                    </li>
                    <li>
                        <a href="login.html">Sign in</a>
                    </li>
                </ul>
            </div>

            <div class="info_setting">
                <h3 class="title_setting">Language</h3>
                <ul>
                    <li class="active">
                        <a href="#">
                            <img src="assets/img/logo/france.jpg" alt="img" />
                            English
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="assets/img/logo/us-flag.jpg" alt="img" />Français
                        </a>
                    </li>
                </ul>
            </div>
            <div class="info_setting">
                <div class="title_setting">Currency :</div>
                <ul>
                    <li><a href="#">EUR €</a></li>
                    <li class="active"><a href="#">USD $</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!--offcanvas-setting End -->

<!-- header start -->
<header id="sticky" class="header style2 theme1">
    <!-- header-middle satrt -->
    <div class="header-middle px-xl-4">
        <div class="container position-relative">
            <div class="row align-items-center">
                <div class="col-9 col-xl-7 position-xl-relative">
                    <div class="d-flex align-items-center justify-content-lg-between">
                        <div class="logo mr-lg-5 mr-xl-0">
                            <a href="index.html"><img src="assets/img/logo/logo-dark.jpg" alt="logo"
                            /></a>
                        </div>
                        <nav class="header-bottom theme1 d-none d-lg-block">
                            <ul class="main-menu d-flex align-items-center">
                                <li class="active">
                                    <a href="#" class="pl-0">Home <i class="ion-ios-arrow-down"></i
                                    ></a>
                                    <ul class="sub-menu">
                                        <li><a href="index.html">Home 1</a></li>
                                        <li><a href="index-2.html">Home 2</a></li>
                                        <li><a href="index-3.html">Home 3</a></li>
                                    </ul>
                                </li>
                                <li class="position-static">
                                    <a href="https://htmldemo.hasthemes.com/zonan-preview/zonan/#">Shop <i class="ion-ios-arrow-down"></i></a>
                                    <ul class="mega-menu mega-menu-custom-with row">
                                        <li class="col-3">
                                            <ul class="border-right h-100 pr-20">
                                                <li class="mega-menu-title">
                                                    <a href="#">Shop Grid</a>
                                                </li>
                                                <li>
                                                    <a href="shop-grid-3-column.html">Shop Grid 3 Column</a
                                                    >
                                                </li>
                                                <li>
                                                    <a href="shop-grid-4-column.html"
                                                    >Shop Grid 4 Column</a
                                                    >
                                                </li>
                                                <li>
                                                    <a href="shop-grid-left-sidebar.html"
                                                    >Shop Grid Left Sidebar</a
                                                    >
                                                </li>
                                                <li>
                                                    <a href="shop-grid-right-sidebar.html"
                                                    >Shop Grid Right Sidebar</a
                                                    >
                                                </li>
                                            </ul>
                                        </li>
                                        <li class="col-3">
                                            <ul class="border-right h-100 pr-20">
                                                <li class="mega-menu-title">
                                                    <a href="#">Shop List</a>
                                                </li>
                                                <li><a href="shop-grid-list.html">Shop List</a></li>
                                                <li>
                                                    <a href="shop-grid-list-left-sidebar.html">Shop List Left Sidebar</a
                                                    >
                                                </li>
                                                <li>
                                                    <a href="shop-grid-list-right-sidebar.html"
                                                    >Shop List Right Sidebar</a
                                                    >
                                                </li>
                                            </ul>
                                        </li>
                                        <li class="col-3">
                                            <ul class="border-right h-100 pr-20">
                                                <li class="mega-menu-title">
                                                    <a href="#">Shop Single</a>
                                                </li>
                                                <li><a href="single-product.html">Shop Single</a></li>
                                                <li>
                                                    <a href="single-product-configurable.html">Shop Variable</a
                                                    >
                                                </li>
                                                <li>
                                                    <a href="single-product-affiliate.html"
                                                    >Shop Affiliate</a
                                                    >
                                                </li>
                                                <li>
                                                    <a href="single-product-group.html">Shop Group</a>
                                                </li>
                                            </ul>
                                        </li>
                                        <li class="col-3">
                                            <ul>
                                                <li class="mega-menu-title">
                                                    <a href="#">other pages</a>
                                                </li>
                                                <li><a href="about-us.html">About Page</a></li>
                                                <li><a href="cart.html">Cart Page</a></li>
                                                <li><a href="checkout.html">Checkout Page</a></li>
                                                <li><a href="compare.html">Compare Page</a></li>
                                            </ul>
                                        </li>
                                        <li class="col-12 mt-4">
                                            <a href="single-product.html" class="zoom-in overflow-hidden d-block">
                                                <img
                                                        class="w-100"
                                                        src="assets/img/mega-menu/1.jpg"
                                                        alt="img"
                                                />
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                                <li>
                                    <a href="#">Pages <i class="ion-ios-arrow-down"></i></a>
                                    <ul class="sub-menu">
                                        <li><a href="about-us.html">About Page</a></li>
                                        <li><a href="cart.html">Cart Page</a></li>
                                        <li><a href="checkout.html">Checkout Page</a></li>
                                        <li><a href="compare.html">Compare Page</a></li>
                                        <li><a href="login.html">Login &amp; Register Page</a></li>
                                        <li><a href="myaccount.html">Account Page</a></li>
                                        <li><a href="wishlist.html">Wishlist Page</a></li>
                                    </ul>
                                </li>
                                <li>
                                    <a href="#">Blog <i class="ion-ios-arrow-down"></i></a>
                                    <ul class="sub-menu">
                                        <li>
                                            <a href="#">Blog Grid</a>
                                            <ul class="sub-menu">
                                                <li>
                                                    <a href="blog-grid-3-column.html">Blog Grid 3 column</a
                                                    >
                                                </li>
                                                <li>
                                                    <a href="blog-grid-4-column.html"
                                                    >Blog Grid 4 column</a
                                                    >
                                                </li>
                                                <li>
                                                    <a href="blog-grid-left-sidebar.html"
                                                    >Blog Grid Left Sidebar</a
                                                    >
                                                </li>
                                                <li>
                                                    <a href="blog-grid-right-sidebar.html"
                                                    >Blog Grid Right Sidebar</a
                                                    >
                                                </li>
                                            </ul>
                                        </li>
                                        <li>
                                            <a href="#">Blog List</a>
                                            <ul class="sub-menu">
                                                <li>
                                                    <a href="blog-list-left-sidebar.html">Blog List Left Sidebar</a
                                                    >
                                                </li>
                                                <li>
                                                    <a href="blog-list-right-sidebar.html"
                                                    >Blog List Right Sidebar</a
                                                    >
                                                </li>
                                            </ul>
                                        </li>
                                        <li>
                                            <a href="#">Blog Single</a>
                                            <ul class="sub-menu">
                                                <li><a href="single-blog.html">Single Blog</a></li>
                                                <li>
                                                    <a href="blog-single-left-sidebar.html">Blog Single Left Sidebar</a
                                                    >
                                                </li>
                                                <li>
                                                    <a href="blog-single-right-sidebar.html"
                                                    >Blog Single Right Sidbar</a
                                                    >
                                                </li>
                                            </ul>
                                        </li>
                                    </ul>
                                </li>
                                <li><a href="contact.html">contact Us</a></li>
                            </ul>
                        </nav>
                    </div>
                </div>
                <div class="col-3 col-xl-5">
                    <!-- search-form end -->
                    <div class="d-flex align-items-center justify-content-end">
                        <div class="cart-block-links theme1">
                            <ul class="d-flex align-items-center">
                                <li>
                                    <a href="javascript:void(0)" class="search search-toggle">
                                        <i class="ion-ios-search-strong"></i>
                                    </a>
                                </li>
                                <li class="position-relative d-none d-sm-block">
                                    <a href="compare.html">
                                        <i class="ion-ios-shuffle-strong"></i>
                                        <span class="badge cbdg1">3</span>
                                    </a>
                                </li>
                                <li class="position-relative d-none d-sm-block">
                                    <a class="offcanvas-toggle" href="#offcanvas-wishlist">
                                        <i class="ion-android-favorite-outline"></i>
                                        <span class="badge cbdg1">4</span>
                                    </a>
                                </li>
                                <li class="cart-block position-relative d-none d-sm-block">
                                    <a class="offcanvas-toggle" href="#offcanvas-cart">
                                        <i class="ion-bag"></i>
                                        <span class="badge cbdg1">5</span>
                                    </a>
                                </li>
                                <li class="mr-0 cart-block">
                                    <a class="offcanvas-toggle" href="#offcanvas-setting">
                                        <i class="ion-android-settings"></i>
                                    </a>
                                </li>
                                <!-- cart block end -->
                            </ul>
                        </div>
                        <div class="mobile-menu-toggle theme1 d-lg-none">
                            <a href="#offcanvas-mobile-menu" class="offcanvas-toggle">
                                <svg viewbox="0 0 800 600">
                                    <path
                                            d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
                                            id="top"
                                    ></path>
                                    <path d="M300,320 L540,320" id="middle"></path>
                                    <path
                                            d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
                                            id="bottom"
                                            transform="translate(480, 320) scale(1, -1) translate(-480, -318)"
                                    ></path>
                                </svg>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- header-middle end -->
</header>
<!-- header end -->

<!-- breadcrumb-section start -->
<nav class="breadcrumb-section theme1 breadcrumb-bg1">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="breadcrumb-title text-center my-20">
                    <h2 class="title text-dark text-capitalize">Contact Us</h2>
                </div>
            </div>
            <div class="col-12">
                <ol class="breadcrumb bg-transparent m-0 p-0 align-items-center justify-content-center">
                    <li class="breadcrumb-item"><a href="index.html">Home</a></li>
                    <li class="breadcrumb-item active" aria-current="page">
                        Contact
                    </li>
                </ol>
            </div>
        </div>
    </div>
</nav>
<!-- breadcrumb-section end -->

<!-- product tab start -->
<div class="map grid-wraper mx-w-100">
    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3651.5480490037507!2d90.42897841550803!3d23.76349088458297!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3755c78ab2187d4d%3A0x4d5f8a6c610c144b!2sHasTech%20Digital%20Item%20%26%20Service%20Provider!5e0!3m2!1sen!2sua!4v1595747193974!5m2!1sen!2sua"></iframe>
</div>

<section class="contact-section pt-70 pb-40">
    <div class="container">
        <div class="row">
            <div class="col-lg-6 col-12 mb-30">
                <!--  contact page side content  -->
                <div class="contact-page-side-content">
                    <h3 class="contact-page-title">Contact Us</h3>
                    <p class="contact-page-message mb-30">Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram anteposuerit litterarum formas human.</p>
                    <!--  single contact block  -->

                    <div class="single-contact-block">
                        <h4><i class="fa fa-fax"></i> Address</h4>
                        <p>123 Main Street, Anytown, CA 12345 – USA</p>
                    </div>

                    <!--  End of single contact block -->

                    <!--  single contact block -->

                    <div class="single-contact-block">
                        <h4><i class="fa fa-phone"></i> Phone</h4>
                        <p>
                            <a href="">Mobile: (08) 123 456 789</a>
                        </p>
                        <p><a href="">Hotline: 1009 678 456</a></p>
                    </div>

                    <!-- End of single contact block -->

                    <!--  single contact block -->

                    <div class="single-contact-block">
                        <h4><i class="fas fa-envelope"></i> Email</h4>
                        <p>
                            <a href="mailto:yourmail@domain.com">yourmail@domain.com</a>
                        </p>
                        <p> <a href="mailto:support@hastech.company">support@hastech.company</a></p>
                    </div>

                    <!--=======  End of single contact block  =======-->
                </div>

                <!--=======  End of contact page side content  =======-->

            </div>
            <div class="col-lg-6 col-12 mb-30">
                <!--  contact form content -->
                <div class="contact-form-content">
                    <h3 class="contact-page-title">Tell Us Your Message</h3>
                    <div class="contact-form">
                        <form id="contact-form" action="assets/php/mail.php" method="post">
                            <div class="form-group">
                                <label>Your Name <span class="required">*</span></label>
                                <input type="text" name="customerName" id="customername" required="">
                            </div>
                            <div class="form-group">
                                <label>Your Email <span class="required">*</span></label>
                                <input type="email" name="customerEmail" id="customerEmail" required="">
                            </div>
                            <div class="form-group">
                                <label>Subject</label>
                                <input type="text" name="contactSubject" id="contactSubject" required="">
                            </div>
                            <div class="form-group">
                                <label>Your Message</label>
                                <textarea name="contactMessage" class="pb-10" id="contactMessage" required=""></textarea>
                            </div>
                            <div class="form-group mb-0">
                                <button type="submit" value="submit" id="submit" class="btn theme-btn--dark1 btn--xl" name="submit">submit</button>
                            </div>
                        </form>
                    </div>
                    <p class="form-messegemt-10"></p>
                </div>
                <!-- End of contact -->
            </div>
        </div>
    </div>
</section>
<!-- product tab end -->
<!-- news-letter start -->
<section class="news-letter-section theme1 bg-white">
    <div class=" container">
        <div class="news-letter-wrapper pt-65 pb-65">
            <div class="row">
                <div class="col-12">
                    <div class="form-title mb-30 text-center">
                        <p class="text mb-10">Special Ofers For Subscribers</p>
                        <h4 class="title text text-capitalize">Ten Percent Member Discount</h4>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-12">
                    <form class="news-letter-form position-relative" action="#" target="_blank" method="post">
                        <input class="form-control" type="text" placeholder="Your email address">
                        <button class="btn news-letter-btn text-uppercase" type="submit">Subscribe</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- news-letter end -->

<!-- footer strat -->
<footer class="bg-lighten2 theme1 position-relative">
    <!-- footer bottom start -->
    <div class="footer-bottom pt-70 pb-30">
        <div class="container">
            <div class="row">
                <div class="col-12 col-sm-6 col-lg-6 mb-30">
                    <div class="footer-widget">
                        <div class="footer-logo mb-30">
                            <a href="index.html">
                                <img src="assets/img/logo/logo-dark.jpg" alt="footer logo">
                            </a>
                        </div>
                        <p class="text mb-35">We are a team of designers and developers that create high quality Magento, Prestashop, Opencart.</p>
                        <div class="social-network">
                            <h2 class="title text mb-20 text-capitalize">Follow Us On Social:</h2>
                            <ul class="d-flex">
                                <li><a href="#" target="_blank"><span
                                        class="ion-social-facebook"></span></a></li>
                                <li><a href="#" target="_blank"><span
                                        class="ion-social-twitter"></span></a></li>
                                <li><a href="#" target="_blank"><span
                                        class="ion-social-youtube-outline"></span></a></li>
                                <li><a href="#" target="_blank"><span
                                        class="ion-social-googleplus"></span></a></li>
                                <li class="mr-0"><a href="#" target="_blank"><span
                                        class="ion-social-instagram-outline"></span></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-sm-6 col-lg-2 mb-30">
                    <div class="footer-widget">
                        <div class="section-title mb-20">
                            <h2 class="title text-dark text-capitalize">My Account</h2>
                        </div>
                        <address class="mb-0">
                            <span>Saturday - Thurs: 9AM - 6PM</span>
                            <span>Sat: 9AM-6PM</span>
                            <span>Friday Closed</span>
                            <span>We Work All The Holidays</span>
                        </address>
                    </div>
                </div>
                <div class="col-12 col-sm-6 col-lg-2 mb-30">
                    <div class="footer-widget">
                        <div class="section-title mb-20">
                            <h2 class="title text-dark text-capitalize">Opening Time</h2>
                        </div>
                        <!-- footer-menu start -->
                        <ul class="footer-menu">
                            <li><a href="#">Delivery</a></li>
                            <li><a href="about-us.html">About us</a></li>
                            <li><a href="#">Secure payment</a></li>
                            <li><a href="contact.html">Contact us</a></li>
                            <li><a href="#">Sitemap</a></li>
                            <li><a href="#">Stores</a></li>
                        </ul>
                        <!-- footer-menu end -->
                    </div>
                </div>
                <div class="col-12 col-sm-6 col-lg-2 mb-30">
                    <div class="footer-widget">
                        <div class="section-title mb-20">
                            <h2 class="title text-dark text-capitalize">Information</h2>
                        </div>
                        <!-- footer-menu start -->
                        <ul class="footer-menu">
                            <li><a href="#">Legal Notice</a></li>
                            <li><a href="#">Prices drop</a></li>

                            <li><a href="#">New products</a></li>

                            <li><a href="#">Best sales</a></li>

                            <li><a href="login.html">Login</a></li>

                            <li><a href="myaccount.html">My account</a></li>
                        </ul>
                        <!-- footer-menu end -->
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- footer bottom end -->
    <!-- coppy-right start -->
    <div class="coppy-right">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="border-top py-20">
                        <div class="row">
                            <div class="col-12 col-md-5 col-lg-4 col-xl-3 order-last order-md-first">
                                <div class="text-center text-lg-left">
                                    <p class="mb-3 mb-md-0">Copyright &copy; 2021.Company name All rights reserved.</p>
                                </div>
                            </div>
                            <div class="col-12 col-md-7 col-lg-8 col-xl-9">
                                <ul class="footer-menu copyright-menu d-flex flex-wrap justify-content-center justify-content-md-end">
                                    <li><a href="#">Legal Notice</a></li>
                                    <li><a href="#">Prices drop</a></li>

                                    <li><a href="#">New products</a></li>

                                    <li><a href="#">Best sales</a></li>

                                    <li><a href="login.html">Login</a></li>

                                    <li><a href="myaccount.html">My account</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- coppy-right end -->
</footer>
<!-- footer end -->

<!-- search-box and overlay start -->
<div class="overlay">
    <div class="scale"></div>
    <form class="search-box" action="#">
        <input type="text" name="search" placeholder="Search products..." />
        <button id="close" type="submit"><i class="ion-ios-search-strong"></i></button>
    </form>
    <button class="close"><i class="ion-android-close"></i></button>
</div>
<!-- search-box and overlay end -->




<!--***********************
    all js files
 ***********************-->

<!--******************************************************
    jquery,modernizr ,poppe,bootstrap,plugins and main js
 ******************************************************-->

<!-- <script src="assets/js/vendor/jquery-3.5.1.min.js"></script>
<script src="assets/js/vendor/modernizr-3.7.1.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/plugins/jquery-ui.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/plugins/plugins.js"></script>
<script src="assets/js/main.js"></script> -->

<!-- Use the minified version files listed below for better performance and remove the files listed above -->

<!--***************************
      Minified  js
 ***************************-->

<!--***********************************
     vendor,plugins and main js
  ***********************************-->

<script src="assets/js/vendor/vendor.min.js"></script>
<script src="assets/js/plugins/plugins.min.js"></script>
<script src="assets/js/main.js"></script>


</body>

</html>